<!--
 * @Author: zhangxianyi l
 * @Date: 2025-07-22 10:19:30
 * @LastEditors: zhangxianyi l
 * @LastEditTime: 2025-07-22 13:38:30
 * @FilePath: \RuoYi-App11\pages\index.vue
 * @Description: 
 * 
 * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <view class="content"
    ><sar-dialog-agent />
    <sar-list card>
      <sar-list-item arrow hover title="显示提示框" @click="showAlert" />
      <sar-list-item arrow hover title="显示确定框" @click="showConfirm" />
      <sar-list-item arrow hover title="无标题" @click="showConfirmNoTitle" />
    </sar-list>
    <sar-button type="default">默认</sar-button>
    <sar-button type="pale">淡颜色</sar-button>
    <sar-button type="mild">温和</sar-button>
    <sar-button type="outline">轮廓线</sar-button>
    <sar-button type="text">文本</sar-button>
    <sar-button type="pale-text">淡文本</sar-button>
    <sar-list card>
      <sar-list-item arrow hover title="显示通知" @click="showNotice" />
      <sar-list-item arrow hover title="隐藏通知" @click="hideNotice" />
    </sar-list>
  </view>
</template>
<script setup lang="ts">
// import { notify } from "sard-uniapp";

const showNotice = () => {
  notify("这是一条通知");
};
const hideNotice = () => {
  notify.hide();
};
const showAlert = () => {
  dialog.alert({
    title: "提示",
    message: "此功能暂时无法使用",
  });
};

const showConfirm = () => {
  dialog.confirm({
    title: "提示",
    message: "确定删除？",
  });
};

const showConfirmNoTitle = () => {
  dialog.confirm({
    message:
      "孤村落日残霞，轻烟老树寒鸦，一点飞鸿影下。青山绿水，白草红叶黄花。",
  });
};
</script>
<style scoped></style>
